{{template "admin/public/head.html" .}}
<section>
	<aside>
		{{template "admin/public/nav.html" .}}
	</aside>
	<article>
		<div class="top-title">
			<dl>
				<dt><h1>资源管理</h1></dt>
				<dd><input type="text" class="input" placeholder="请输入您需要搜索的产品关键词！"><input type="submit" value="搜索" class="button" /></dd>
				<dd><a href="wood_help.html"><i class="iconfont">&#xe649;</i>帮助文档</a></dd>
			</dl>
		</div>
		<div class="content">
			<div class="release">
				<dl>
					<dt><i class="iconfont">&#xe649;</i> <b>资源说明</b><br>
						每个会员、每个产品、每个图片、视频、语音文件等全部储存在这里。<br>
						<p>如无必要请不要删除内容，会导致以前发布的产品内容错误。</p>
					</dt>
					<!-- <dd><button type="button" class="button" id="mask_block">添加资源</button></dd> -->
				</dl>
			</div>
			<div class="resources">
				{{range .info}}
				<a href="{{.pathname}}" target="_blank">
					<dl>
						<dt><img src="{{.pathname}}" class="uppic"></dt>
						<dd>{{.name}}</dd>
						<dd>
							类型：{{if eq .type "0"}}图片{{else if eq .type "1"}}视频{{else if eq .type "2"}}语音{{else if eq .type "3"}}文件{{end}}<br>
							时间：{{.addtime}}<br>
							I P： {{.ip}}
						</dd>
					</dl>
				</a>
				{{end}}
			</div>
			<div class="paging">
				{{if ne .paginator.currpage 1}}
				<a href="{{$.url}}page={{.paginator.firstpage}}">首页</a>
				<a href="{{$.url}}page={{.paginator.prevpage}}">&lt;&lt;</a>
				{{else}}
				<a class="disable">首页</a>
				<a class="disable">&lt;&lt;</a>
				{{end}}
				{{range $index,$page := .paginator.pages}}
				{{if eq $.paginator.currpage $page}} 
				<a class="no">{{$page}}</a>
				{{else}}
				<a href="{{$.url}}page={{$page}}">{{$page}}</a>
				{{end}}
				{{end}}
				{{if eq .paginator.currpage .paginator.totalpages}}
				<a class="disable">&gt;&gt;</a>
				<a class="disable">尾页</a>
				{{else}}
				<a href="{{$.url}}page={{.paginator.nextpage}}">&gt;&gt;</a>
				<a href="{{$.url}}page={{.paginator.totalpages}}">尾页</a>
				{{end}}
			</div>


<!-- 主栏目 -->
			<div class="mask">
				<div class="mask-content">
					<form action="" method="get" autocomplete="on" class="form">
						<div class="instructions">
							<dl>
								<dt>添加栏目</dt>
								<dd>
									请在发布产品时上传缩略图设计为正方形，防止前台显示图片变形。<br>
									产品内容参数设置请尽量采用文字和表格形式，防止在手机端展示页面时候因为图片缩小而看不清楚参数内容。
								</dd>
							</dl>
						</div>

						<table class="table1">
							<!-- 控制表格宽度  横向合并 colspan="1"  竖向合并 rowspan="3" -->
							<thead><th width="20%"></th><th width="10%"></th><th width="30%"></th><th width="10%"></th><th width="30%"></th></thead>
							<tr>
								<td rowspan="3"><img src="../static/all/upload.png" class="img-1"></td>
								<td class="genre">栏目名称</td>
								<td><input type="text" class="input95" placeholder="" value="栏目名称"></td>
								<td class="genre">英文名称</td>
								<td><input type="text" class="input95" placeholder="" value="英文名称"></td>
							</tr>
							<tr>
								<td class="genre">栏目类型</td>
								<td>
									<select class="select95">
										<option value ="id">新闻</option>
										<option value ="id">产品</option>
										<option value ="id">帮助</option>
										<option value ="id">功能</option>
									</select>
								</td>
								<td class="genre">上级栏目</td>
								<td>
									<select class="select95">
										<option value ="id">大栏目</option>
										<option value ="id">大栏目</option>
										<option value ="id">大栏目</option>
										<option value ="id">大栏目</option>
									</select>
								</td>
							</tr>
							<tr>
								<td class="genre">栏目说明</td>
								<td><input type="text" class="input95" placeholder="" value="栏目说明"></td>
								<td class="genre">语言</td>
								<td>
									<select name="cars" class="select95">
										<option value="cn">中文</option>
										<option value="en">英文</option>
									</select>
								</td>
							</tr>
						</table>
					</form>
					<div class="mask-form">
						<dl>
							<dt><button>添加</button></dt>
							<dd>
								<button id="qr">确认</button>
								<button id="cancle">取消</button>
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
	</article>
</section>


<footer><!-- 系统监控内容 --></footer>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/jquery.jedate.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/toast.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/uppic.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/xcConfirm.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/app.js"></script>
<script>
    // 弹幕
    $('#mask_block').click(function () {
        $('.mask').css('display','block')
    })

    $('#qr,#cancle').click(function () {
        $('.mask').css('display','none')
    })
</script>
</body>
</html>
